<div class="zs-body" data-ng-init="iniTab('report_map', 'map', 'selected');setConHei();">
    <div class="zs-map-tool">
		<div class="location">
			<a>首页</a>
			<i class="right-arr"></i>
			<a>报表应用</a>
			<i class="right-arr"></i>
			<a>雷达图</a>
		</div>
		<div class="option">
		</div>
	</div>
    <div class="zs-content" style="position:unset">
    	<div class="zs-nice-tab idTabs">
    		<div class="tool item" style="margin-left:6px;">
	    		<span class="search-warpper">
	    			<i class="icon"></i>
		    		<input type="text" class="zs-input" />
	    		</span>
    		</div>
    		<div class="operation item">
    			<a  class="ope-1 opts"></a>
    			<a  class="ope-2 opts"></a>
    		</div>
    		<div class="switch">
    			<a class="{{tabs['report_map'].tabClass['map']}} kb" ng-click="setTab('report_map', 'map')">图表</a>
    			<a class="{{tabs['report_map'].tabClass['form']}} lb" ng-click="setTab('report_map', 'form')">列表</a>
    		</div>
    	</div>

    	<div class="date-container" >
	    	<div id="zpgwd">
	    		<div class="zs-data-table">
	    			<div class="container" >
	    				<ag-Charts ng-show="tabs['report_map'].tabShow['map']" style="height: 500px"
	    				option="{
		    title: {
		        text: '基础雷达图'
		    },
		    tooltip: {},
		    legend: {
		        data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）']
		    },
		    radar: {
		        // shape: 'circle',
		        indicator: [
		           { name: '销售（sales）', max: 6500},
		           { name: '管理（Administration）', max: 16000},
		           { name: '信息技术（Information Techology）', max: 30000},
		           { name: '客服（Customer Support）', max: 38000},
		           { name: '研发（Development）', max: 52000},
		           { name: '市场（Marketing）', max: 25000}
		        ]
		    },
		    series: [{
		        name: '预算 vs 开销（Budget vs spending）',
		        type: 'radar',
		        // areaStyle: {normal: {}},
		        data : [
		            {
		                value : [4300, 10000, 28000, 35000, 50000, 19000],
		                name : '预算分配（Allocated Budget）'
		            },
		             {
		                value : [5000, 14000, 28000, 31000, 42000, 21000],
		                name : '实际开销（Actual Spending）'
		            }
		        ]
		    }]
		}"></ag-Charts>

				        <table ng-show="tabs['report_map'].tabShow['form']">
				            <thead>
				                <tr>
				                    <th width="30px"><input type="checkbox"></th>
				                    <th class="left">总面积</th>
				                    <th>林木使用权</th>
				                    <th>林木所有权</th>
				                    <th>林地经营权</th>
				                </tr>
				            </thead>
				            <tbody>
				                <tr>
				                    <td><input type="checkbox" checked="checked"></td>
				                    <td class="left">北京</td>
				                    <td>20</td>
				                    <td>30</td>
				                    <td>40</td>
				                </tr>
				                <tr>
				                    <td><input type="checkbox"></td>
				                    <td class="left">天津</td>
				                    <td>10</td>
				                    <td>20</td>
				                    <td>30</td>
				                </tr>
				                <tr>
				                    <td><input type="checkbox"></td>
				                    <td class="left">上海</td>
				                    <td>20</td>
				                    <td>30</td>
				                    <td>40</td>
				                </tr>
				            </tbody>
				        </table>
	    			</div>
			    </div>
	    	</div>
    	</div>
    </div>
</div>